<template>
  <div class="find-swiper">
    <swiper>
      <swiper-item v-for="(item,index) in banners" :key="index">
        <img :src="item.pic">
      </swiper-item>
    </swiper>
  </div>
</template>

<script>
  import {Swiper,SwiperItem} from '../../../components/common/swiper/index'
    export default {
        name: "FindSwiper",
        components:{
            Swiper,
            SwiperItem
        },
        props:{
          banners:{
            type:Array,
            default(){
              return[]
            }
          },
        },
    }
</script>

<style scoped>
  .find-swiper{
    padding-top: 5px;
  }
</style>